<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>循环和分支</title>
</head>
<body>
<div id="app">
  数字是：{{number}}<br/>
  <!--分支操作-->
  <b v-if="number>90">
    优
  </b>
  <b v-else-if="number>80">
    良
  </b>
  <b v-else-if="number>60">
    中
  </b>
  <b v-else>
    差
  </b>
  <!--遍历数组-->
  <p v-for="e in list">{{e}}</p>
</div>
</body>
</html>
<script src="js/vue.min.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      list: ['aa', 'bb', 'cc', 'dd', 'ee', 'ff', 'gg', 'hh', 'ii'],
      // Math.random():[0,1)
      number: Math.floor(Math.random() * 100 + 1)
    }
  })
</script>